<template>
    <p>a:{{ a }}</p>
    <p>reactive=============</p>
    <p>obj:{{ obj }}</p>
    <p>obj.name:{{ obj.name }}</p>
    <p>obj:{{ obj }}</p>
    <p>arr:{{ arr }}</p>
    <p>arr[1] : {{ arr[1] }}</p>
</template>

<script setup>
import { ref,reactive } from "vue";

const a = ref(0)
console.log(a);
console.log(a.value);

const obj = reactive({
    name:'tom',
    age:18
})
const arr =reactive([1,2,3,4,5,6])

</script>